<div class="container">
    <div *ngFor="let item of reverseList"  [ngClass]="item.Status==1?'reversecard reversecard-not':item.Status==2?'reversecard reversecard-finish':'reversecard reversecard-default'">
        <h2 class="reverseTime">{{item.Date}} {{item.Time}}</h2>
        <span class="regin">区域：{{item.Province}}-{{item.City}}-{{item.Region}}</span>
        <span class="community">社区：{{item.Community}}</span>
        <span class="location">详细位置：{{item.DetailAddress}}</span>
        <button *ngIf="item.Status==1" class="right CancelReverse" (click)="goCancelReverse(item)">取消预约</button>
        <span *ngIf="item.Status==3" class="right default">已违约</span>
        <span *ngIf="item.Status==2" class="right finish">已看房</span>
        </div>
</div>